<template>
    <div class="bg">
         <topNav txt="通用" :mode="2" ></topNav>
         
<div class="list border_bo" @click="skips('/setfontsize')">
    <span>字体大小</span>
    <van-icon name="arrow" color="#333333" />
</div>
<div class="list" @click="skips('/chatbg')">
    <span>聊天背景</span>
     <van-icon name="arrow" color="#333333" />
</div>
<div class="list" @click="skips('/chatrecordch')">
    <span>迁移聊天记录到另一台设备</span>
     <van-icon name="arrow" color="#333333" />
</div>
    </div>

</template>
<script>
import topNav from "@/components/return"




export default {
            components: {
    topNav
  }, 
  data(){
      return{
          switchChecked:false,
           switchChecked1:false,
          


      }
  },
  methods:{
      skips(path){
      this.$router.push({path:path})
      },
  }
}
</script>
<style  scoped>
.bg{
     width: 100vw;
    min-height: 100vh;
    background: #EDEDED;

}

.list{
    background: #fff;
    padding: 5px 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 40px;
    /* border-bottom: 1px solid #e3e4e5; */
}
.border_bo{
    border-bottom: 10px solid #EDEDED;
}
</style>